<template>
	<div class="wrapper">
		<swiper :options="swiperOption">
			<swiper-slide v-for="item in list" :key="item.id">
				<img class="swiper-img" :src="item.imgUrl" alt="">
			</swiper-slide>
	  </swiper>
</div>
</template>

<script>
export default {
	name:'HomeSwiper',
	data(){
		return {
			swiperOption:{
				loop:true
			},
		}
	},
	props:{
		list: Array
	}

}
</script>

<style lang="stylus" scoped>
.wrapper
	width:100%
	overflow:hidden
	height:0
	padding-bottom:31%
	.swiper-img
		width:100%
</style>